body,head{background:#eee;font-size:12px;font-family:"Microsoft YaHei","Tahoma";}
.progress[value]::-webkit-progress-bar{background-color:rgba(0,0,0,.065)}
.progress{overflow:hidden;border-radius:.25rem;background-color:rgba(0,0,0,.065)}
.avatar,.avatar img{border-radius:500px}
.progress-bar{float:left;display:inline-block;height:1rem;background-color:#0074d9;font-size:.8em}
.progress-xxs{height:4px}
.progress-xs{height:8px}
.progress-sm{height:12px}
.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;-webkit-background-size:40px 40px}
.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}

.col-0{clear:left}
.row.no-gutter{margin-right:0;margin-left:0}
.row.no-gutter [class*=col-]{padding-right:0;padding-left:0}
.row{margin-right:-12px;margin-left:-12px}
.row [class*=col-]{padding-right:12px;padding-left:12px}
.row-sm{margin-right:-8px;margin-left:-8px}
.row-sm [class*=col-]{padding-right:8px;padding-left:8px}
.row-xs{margin-right:-4px;margin-left:-4px}
.row-xs [class*=col-]{padding-right:4px;padding-left:4px}

a:hover{text-decoration:none}
.row-col{display:table;width:100%;height:100%;table-layout:fixed;border-spacing:0}
.row-col>[class*=" col-"],.row-col>[class*=col-]{position:static;float:none;padding:0;vertical-align:top}
.box-body,.box-footer,.box-header{padding:1rem}
.row-row{display:table-row;height:100%}
.ie .row-body,.row-cell{display:table-cell}
.row-cell{vertical-align:top}
.row-body{position:relative;overflow:auto;width:100%;height:100%;-webkit-overflow-scrolling:touch}
.row-inner{position:absolute;top:0;right:0;bottom:0;left:0}
.v-m{vertical-align:middle!important}
.v-t{vertical-align:top!important}
.v-b{vertical-align:bottom!important}
.easyPieChart canvas,.navbar .nav-text,.sl-icon>i,.ui-check>i{vertical-align:middle}
.v-c{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
@media (min-width:62em){.row-col>[class*=" col-lg"],.row-col>[class*=col-lg]{display:table-cell;height:100%}
}
@media (min-width:48em){.row-col>[class*=" col-md"],.row-col>[class*=col-md]{display:table-cell;height:100%}
}
@media (min-width:34em){.row-col>[class*=" col-sm"],.row-col>[class*=col-sm]{display:table-cell;height:100%}
}
.row-col>[class*=" col-xs"],.row-col>[class*=col-xs]{display:table-cell;height:100%}
@media (max-width:33.9em){.row-col-xs{display:block}
.row-col-xs .row-body{overflow:visible!important}
.row-col-xs .row-inner{position:static}
}
.box,.box-color{position:relative;margin-bottom:1.5rem;background-color:#fff}
.box-header{position:relative}
.box-header h2,.box-header h3,.box-header h4{margin:0;font-size:18px;line-height:1}
.box-header h3{font-size:16px}
.box-header h4{font-size:15px}
.box-header small{display:block;margin-top:4px;opacity:.6}
.box-divider{margin:0 16px;height:0;border-bottom:1px solid rgba(120,130,140,.13)}
.ui-check>i,.ui-check>span{margin-left:-20px}
.box-tool{position:absolute;top:14px;right:16px}
.box-shadow,.box-shadow .box,.box-shadow .box-color{box-shadow:0 2px 2px rgba(0,0,0,.03),0 1px 0 rgba(0,0,0,.03)}
.box-shadow-z0,.box-shadow-z0 .box,.box-shadow-z0 .box-color{box-shadow:0 0 1px rgba(0,0,0,.15)}
.box-shadow-z1,.box-shadow-z1 .box,.box-shadow-z1 .box-color{box-shadow:0 1px 2px rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.02)}
.box-shadow-z2,.box-shadow-z2 .box,.box-shadow-z2 .box-color{box-shadow:0 1px 2px rgba(0,0,0,.15),0 -1px 0 rgba(0,0,0,.02)}
.box-shadow-z3,.box-shadow-z3 .box,.box-shadow-z3 .box-color{box-shadow:0 2px 4px rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.02)}
.box-radius-1x,.box-radius-1x .box,.box-radius-1x .box-color{border-radius:2px}
.box-radius-2x,.box-radius-2x .box,.box-radius-2x .box-color{border-radius:3px}
.box-radius-3x,.box-radius-3x .box,.box-radius-3x .box-color{border-radius:4px}

.white-overlay{background-color:rgba(255,255,255,.85)}
.black-overlay{background-color:rgba(0,0,0,.85)}
.gd-overlay{background-color:transparent!important;background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 100%);
}
.bg-auto:before{position:absolute;top:0;bottom:0;width:inherit;border:inherit;background-color:inherit}
.bg-auto.b-l:before{margin-left:-1px}
.m-l-sm,.m-x-sm{margin-left:.5rem!important}
.bg-auto.b-r:before{margin-right:-1px}
.m-r-sm,.m-x-sm{margin-right:.5rem!important}
.no-bg{background-color:transparent!important}


.inline{display:inline-block}
.inline-16{width:16px;height:16px}
.inline-24{width:24px;height:24px}
.active>.auto .inline,.active>.inline,.none{display:none}
.active>.auto .none,.active>.none{display:inline-block}
.hide{display:none!important}
.show{display:block!important}
.circle,.rounded{border-radius:500px}
.clear{display:block;overflow:hidden}
.no-shadow{-webkit-box-shadow:none!important;box-shadow:none!important}

.m-t-sm,.m-y-sm{margin-top:.5rem!important}
.p-r-xs,.p-x-xs{padding-right:.25rem!important}
.p-l-xs,.p-x-xs{padding-left:.25rem!important}
.green{background-color:#4caf50;color:rgba(255,255,255,.87)}


.orange{background-color:#f57c00;color:rgba(255,255,255,.87)!important}
.text-orange{color:#f57c00;}
.b-orange{border-color:#f57c00}
.btn.orange:focus,.btn.orange:hover{background-color:#ef6c00;color:rgba(255,255,255,.87)}
.btn.text-orange:focus,.btn.text-orange:hover{color:rgba(255,255,255,.87)!important;background-color:#f57c00}
.btn.orange.disabled:focus,.btn.orange.disabled:hover{background-color:#ef6c00}
a.text-orange:focus,a.text-orange:hover{color:#f57c00}
.text-green{color:#4caf50}
.b-green{border-color:#4caf50}
.btn.green:focus,.btn.green:hover{background-color:#43a047;color:rgba(255,255,255,.87)}
.btn.text-green:focus,.btn.text-green:hover{color:rgba(255,255,255,.87)!important;background-color:#4caf50}
.btn.green.disabled:focus,.btn.green.disabled:hover{background-color:#4caf50}
a.text-green:focus,a.text-green:hover{color:#4caf50}
.b-l-green{border-left-color:#4caf50}
.text-blue{color:#357bb3;}
.text-blue:hover{color:#114a78}
.text-darkblack{color:#000}
.text-darkgrey{color:#666}
.text-grey{color:#999}
.text-lightgrey{color:#bbb}
a.text-grey:focus,a.text-grey:hover{color:#999}

.hidden{display:none}
.page_wrapper{padding:20px}
.box{border:1px solid #e4e4e4}
.box-header{text-align:left}
.box-header h3{position:relative}
.f-14{font-size:14px}
.box-shadow-advance{box-shadow:0 5px 30px rgba(0,0,0,.1)}
.page_head{height:78px;line-height:78px;background:#fff;box-sizing:content-box;margin:0 24px;border-bottom:1px solid #e4e4e4;overflow:hidden}
.edition_box{display:inline-block}
.edition_box .label{font-size:14px;font-weight:400;padding:10px 16px;line-height:14px;height:14px;display:inline-block;color:#ECF8F0;vertical-align:middle}
.edition_box .account_duetime{margin-left:10px;color:#666!important;display:inline-block;font-size:14px;vertical-align:middle}
.company_box{float:right;display:inline-block}
.company_box .company_name{font-size:14px;font-weight:500;vertical-align:middle;display:inline-block}
.company_box .fa-info-circle{font-size:18px;margin-left:8px;vertical-align:middle;color:#212121}
.scan_box .text-lg a .text-sm{margin-right:8px;margin-left:4px}
.scan_box .text-lg a .text-sm:first-child{margin-left:0}
.scan_box .box .pull-left{float:none!important;display:inline-block;vertical-align:middle}
.scan_box .box .clear{display:inline-block;vertical-align:middle}
.scan_box .box .clear h4{line-height:20px}
.capacity_box .fa-question-circle{font-size:18px;margin-left:5px;color:#212121;cursor:pointer}
.capacity_box .capacity_tip{position:absolute;bottom:28px;left:-45px;display:none;z-index:999}
.capacity_box .capacity_tip_arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;bottom:-5px;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;box-sizing:border-box}
.capacity_box .capacity_tip_inner{max-width:320px;padding:8px 15px;color:#fff;text-align:center;background-color:#000;border-radius:4px;font-size:12px;line-height:18px}
.capacity_box .price_link{display:inline-block;vertical-align:middle;float:right;margin-top:-7px}
.capacity_box .price_link:hover{color:#212121}
.capacity_box .list-item .capacity_title{display:inline-block;line-height:40px;font-size:14px;width:42%}
.capacity_box .list-item .capacity_used{display:inline-block;line-height:40px;font-size:14px}
.capacity_box .list-item .capacity_used span{font-weight:700;margin-left:8px;margin-right:2px}
.capacity_box .list-item .capacity_used small{color:#999}
.capacity_box .list-item .pull-right{opacity:.6;filter:alpha(opacity=60);margin:0 auto!important;height:40px;line-height:40px}
.capacity_box .list-item .list-left i{font-size:16px}
.capacity_box .list-item .list-left i:before{display:inline-block;vertical-align:middle;margin-top:-9px;margin-top:0\9}
.style_box .box-body{height:276px;overflow:hidden;display:table;margin:0 auto}
.style_box .qrcode_box{background:#fff;width:150px;margin:0 auto;display:table-cell;vertical-align:middle}
.style_box .qrcode_box .qrcode_box_img_bg{position:relative}
.style_box .qrcode_box .qrcode_box_img{width:100%;overflow:hidden;background:url(../image/loading3.gif) no-repeat center;border:1px solid #eee;padding:2px}
.change_box{width:100%;height:100%;background:rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);position:absolute;top:0;left:0;text-align:center;visibility:hidden;opacity:0;filter:Alpha(opacity=0)}
.change_box .btn{font-size:14px;font-weight:400;margin-top:68px;width:100%}
.change_box.qrrect .btn{margin-top:56px}
.change_box .btn:hover{color:#212121}
.style_box .qrcode_box:hover .change_box{visibility:visible;opacity:1;filter:Alpha(opacity=100);transition:all 250ms;-webkit-transition:all 250ms}
.notice_box{margin-left:0}
.notice_box .notice_more{float:right;vertical-align:middle;margin-top:-7px}
.notice_box .notice_more:hover{color:#212121}
.notice_box table{font-size:14px;margin-bottom:0}
.notice_box .notice_list{border-top:1px solid #eceeef;border-color:rgba(120,130,140,.045)}
.notice_box .notice_list:first-child{border-top:0}
.notice_box .notice_list td{border-top:0}
.notice_box .notice_list .notice_time{float:right;opacity:.6;filter:alpha(opacity=60)}
.w100{width:100%}
.filmColor{background-color:#4fb8b1;color:#fff;opacity:.87;filter:alpha(opacity=87)}
.flowStatistics{background-color:#0d8d7e;color:#fff;opacity:.87;filter:alpha(opacity=87)}
.page_free_try_box{padding:10px 20px;margin:10px 20px -10px;background-color:#fbf0ee;border:1px solid #f1bfbe}
.free_l{float:left;width:80%}
.free_l em{display:inline-block;font-style:normal;background-color:#d9534f;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;color:#fff;margin-right:.5rem}
.free_l span{font-size:13px;color:#5b5152;text-align:left;vertical-align:middle;margin-right:1rem}
.free_l button{font-size:10px;background-color:#2c98f0}
.free_r{float:left;width:20%;height:23px;line-height:23px;text-align:right}
.free_r span{display:inline-block;width:10px;height:10px;line-height:10px;opacity:.3;transition:font-size .2s;-moz-transition:font-size .2s;-webkit-transition:font-size .2s;-o-transition:font-size .2s;font-weight:bolder}
.free_r span:hover{width:18px;height:18px;color:#3788bf;font-size:26px;line-height:20px}
.disabled-grey{color:#999!important}
.capacity-progress{width:100px;display:inline-block;margin-bottom:0;height:8px}
.lebel-title{width:100px;float:left}
.capacity-content{float:left;margin-top:10px;}
.version-box{height:440px;margin-bottom:24px}
.case-box{min-width:500px;height:196px;margin-bottom:24px}
.companyinfo-box{height:218px;margin-bottom:24px}
.case-img{width:160px;height:100px;position:absolute;left:16px}
.case-content{margin-left:184px}
@media (min-width:47.9em){body{min-width:100%}
.capacity-content-left{margin-right:12px}
}
@media (max-width:47.9em){.version-box{height:auto}
.case-box{height:auto}
.companyinfo-box{height:auto}
}
.case-article{display:block;font-size:12px;margin-top:8px;padding-right:12px;color:#666!important;line-height:21px;height:63px;text-align:justify;position:relative}
.case-article:hover{color:#666}
.case-article-over{overflow:hidden}
.case-article-over:after{content:"...";width:24px;padding-left:5px;color:#000;position:absolute;right:0;bottom:0;background-color:#fff}
.date-all{text-align:left;width:150px;line-height:18px}
.date-all-content{width:80px;margin:0 auto}
.trapezoid{position:absolute;top:-1px;right:-1px;border-top:37px solid #F47001;border-right:37px solid #F47001;border-bottom:37px solid transparent;border-left:37px solid transparent;width:0;height:0}
.version-col{width:20%;float:left;text-align:center;height:400px}
.box-shadow-advance{box-shadow:0 2px 8px 0 rgba(0,0,0,.08)}
.recommend-module{z-index:100;height:420px;padding-top:10px;top:-10px;position:relative}
.recommend-module .btn-buy{background-color:#f57c00!important;color:rgba(255,255,255,.87)!important}
.recommend-module .recommend-module-price{color:#f57c00}
.recommend-angle{width:30px;height:46px;background:#F57C00;position:absolute;margin-top:-10px;right:18px}
.recommend-angle span{top:10px;position:relative}
.recommend-angle .triangle-up{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:8px solid #fff;position:absolute;bottom:0}
.recommend-angle-sm{width:18px;height:28px;background:#F57C00;position:absolute;margin-top:-16px;right:30px;top:0;display:none}
.recommend-angle-sm span{top:1px;position:relative}
.recommend-angle-sm .triangle-up{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:4px solid #fff;position:absolute;bottom:0}
.product-intro{height:150px;border-bottom:1px solid #e4e4e4}
.tongji-time-style{font-size:18px;margin-left:4px;position:relative;top:-1px;left:1px}
.progress-text{min-width:72px;display:inline-block}
.tongji-content .tongji-col:nth-child(4n){border-right:0!important}
.user-wxname{font-weight:600;font-size:14px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;position:relative;top:2px;margin-left:4px}
.industry-modal{box-sizing:border-box;position:relative;cursor:pointer;background:#fff;height:32px;line-height:32px;border-radius:4px;text-align:center;border:1px solid #ddd}
.industry-modal.active{border-color:#1C87D5}
.industry-modal .clicon-corner-mark-check{right:-1px;top:-1px;font-size:20px}
#industryOther{width:44%}
em.time_day{display:inline-block;font-size:15px;width:25px;text-align:center;font-style:normal}
._600{font-weight:600;font-size:14px;}
.m-r-sm{font-size:13px}


.exam,.lesson,.question{width:29%;height:160px;float:left;margin-top:25px;text-align:center;text-decoration:none;margin-left:3%}
.exam{background:#479de6;}
.exam:hover{background:#3589d0;}
.exam:visited,.lesson:visited,.question:visited{text-decoration:none}
.lesson{background:#90d67e;margin-top:29px;}
.lesson:hover{background:#74c260;}        
.question{background:#25c08e;}
.question:hover{background:#1d9d74;} 
.exam .iconfix,.lesson .iconfix,.question .iconfix{color:#fff;margin-top:20px;font-size:50px;}
.typetext{color:#fff;text-align:center;font-size:20px;margin-top:20px;}
i.active{color:green;float:right;}
.text-xs{font-size:13px;}

.product-intro .fa{font-size:18px;}
.m-b-sm{margin-bottom:22px;font-size:13px;}
.num{font-size:26px;font-style:italic;}